<ul nz-menu [nzMode]="isCollapsed?'vertical':'inline'" [nzTheme]="'dark'">
    <div *ngFor="let menu of session.menus">
        <li nz-menu-item *ngIf="!menu.subMenus || menu.subMenus.length==0" (click)="goPage(menu.path)">
            <i *ngIf="menu.icon" class="anticon" [ngClass]="'anticon-'+menu.icon"></i>
            <span [ngClass]="menu.icon ?'nav-text':''" style="font-size: 14px;">{{menu.title}}</span>
        </li>

        <li nz-submenu *ngIf="menu.subMenus && menu.subMenus.length>0">
            <span title>
                <i *ngIf="menu.icon" class="anticon" [ngClass]="'anticon-'+menu.icon"></i>
                <span [ngClass]="menu.icon ?'nav-text':''" style="font-size: 14px;">{{menu.title}}</span>
            </span>
            <ul style=" background: #000c17 !important;">
                <li nz-menu-item *ngFor="let subMenu of menu.subMenus" (click)="goPage(subMenu.path)">
                    <i *ngIf="subMenu.icon" class="anticon" [ngClass]="'anticon-'+subMenu.icon"></i> {{subMenu.title}}
                </li>
            </ul>
        </li>
    </div>
</ul>
